<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/details.css"/>
		<script type="text/javascript" src="js/jquery-1.11.3.js" ></script>
		<script src="js/require.js" defer async="true" ></script>
		<script src="js/require.js" data-main="js/datails"></script>
		<script type="text/javascript" src="js/jquery.cityselect.js" ></script>
		<!--<script type="text/javascript" src="js/datails.js" ></script>-->
		<script type="text/javascript" src="js/magnifier.js" ></script>
		<style>
			
			
		</style>
	</head>
	<body>
		<div class="header"></div>
	
		<!--商品详情-->
		<div class="webZ">
			<div class="crumbs">
				当前位置：
				<a href="index.html">首页</a>
				<code>></code>
				<a href="#">美食</a>
				<code>></code>
				<a href="#">生鲜食品</a>
				<code>></code>
				<a href="#">海鲜水产</a>
				<code>></code>
				晓芹 海参超值抢购组·7袋70头
			</div>
			
			<div class="clearfix goods">
				<div class="magnifier" id="magnifier1">
					<div class="magnifier-container">
						<div class="images-cover"></div>
						<!--<img src="images/1487198921752654166.jpg"/>-->
						<div class="move-view"></div>						
					</div>
					<div class="smallImage">
						<div class="magnifier-line">
							<ul class="animation03 clearfix">
								<li>
									<img src="images/1487198921752654166.jpg"/>
								</li>
								<li>
									<img src="images/1461025275631504627.jpg"/>
								</li>
								<li>
									<img src="images/1502045842485230242.jpg"/>
								</li>
								<li>
									<img src="images/1503538698116888020.jpg"/>
								</li>
							</ul>
						</div>
						<a href="#" class="prev btn"></a>
						<a href="#" class="next btn"></a>
					</div>
					<div class="magnifier-view"></div>
				</div>
				<div class="goodsRight">
					<form action="#">
						<div class="brand">
							<a href="#">晓芹</a>
						</div>
						<h2>晓芹 海参超值抢购组·7袋70头</h2>
						<div class="price clearfix">
							<div class="priFirst">
								<span class="sp1">价格</span>
								<span class="sp2"><em>&yen;</em>999</span>
								<input type="hidden" name="hid" id="hid" value="1" />
							</div>
							<div class="pricSecond">
								<span class="sp3">优惠</span>
								<p><i>立减</i><span>TV商品下单立减10元</span></p>
								<p><i>包邮</i><span>订单金额满168元包邮</span></p>
							</div>
						</div>
						<div class="city">
							<span>送至</span>
							<select class="prov"></select> 
							<select class="city" disabled="disabled"></select>
							<select class="dist" disabled="disabled"></select>
						</div>
						<div class="num">
							<span>数量</span>
							<div class="box">
								<a href="#" class="lessBtn">-</a>
								<input type="text" name="chNum" id="chNum" value="1" />
								<a href="#" class="addBtn">+</a>
							</div>
							<div class="caution">
								<i></i>
							</div>
						</div>
						<div class="addCart"><i></i>加入购物车</div>
						<p class="tvShop">TV商品</p>
					</form>
				</div>
			</div>
		</div>
		
		<div class="dec"></div>
		
		<!--右侧边栏-->
		<div class="side"></div>
		
		<!--footer-->
		<div class="footer"></div>
		
		<script>
			$(function() {	
				var magnifierConfig = {
					magnifier : "#magnifier1",//最外层的大容器
					width : 398,//承载容器宽
					height : 398,//承载容器高
					moveWidth : null,//如果设置了移动盒子的宽度，则不计算缩放比例
					zoom : 2//缩放比例
				};			
				var _magnifier = magnifier(magnifierConfig);
								
				/*选择送货地区*/
				$(".city").citySelect({
					prov:"湖南", 
					city:"长沙",
					dist:"岳麓区",
					nodata:"none"
				});
			});

		</script>
	</body>
</html>
